@import "../_function";
@import "../_variables";
@import "../mixin";

.sigin-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: pr(230);
	padding-right: pr(50);
	margin-bottom: pr(55);
	border-radius: pr(20);
	overflow: hidden;
	&:nth-child(odd) {
		background: #f4ebe2;
		color: #e1b68c;
		button {
			background: #e1b68c;
		}
	}
	&:nth-child(even) {
		background: #ede6d6;
		color: #b3a078;
		button {
			background: #b3a078;
		}
	}
	.sigin-item-image {
		height: 100%;
		img {
			height: 100%;
		}
	}
	.sigin-item-info {
		margin-left: pr(10);
		flex: 1;
		font-size: pr(30);
		&-title {
			margin-bottom: pr(44);
			font-size: pr(34);
		}
		&-detail {
			width: 100%;
			@include text-ellipsis;
		}
	}
	.sigin-item-btn {
		width: pr(132);
		height: pr(68);
		button {
			border: none;
			width: 100%;
			height: 100%;
			font-size: pr(35);
			color: #fff;
			border-radius: pr(10);
		}
	}
}
